<template>
    <div class="app-container">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="试验室信息" name="dept">
                <DeptInfo/>
            </el-tab-pane>
            <el-tab-pane label="试验室人员" name="user">
                <userInfo/>
            </el-tab-pane>
            <el-tab-pane label="试验室培训" name="learn">
                <bsLearn/>
            </el-tab-pane>
            <el-tab-pane label="科室" name="keshi">
                <bsDepartment/>
            </el-tab-pane>
            <el-tab-pane label="试验室仪器" name="yiqi">
                <bsInstrument/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import DeptInfo from "./dept/index.vue";
import userInfo from "./labPerson/index.vue";
import bsDepartment from "./bsDepartment/index.vue"
import bsLearn from "./bsLearn/index.vue"
import bsInstrument from './bsInstrument/index.vue'

export default {
    name: "Etc",
    components: {DeptInfo, userInfo, bsDepartment, bsLearn, bsInstrument},
    data() {
        return {
            activeName: "dept",
        };
    },
    watch: {
        $route: {
            handler: function (route) {
                let activeName = route.query && route.query.activeName;
                if (activeName) {
                    this.activeName = activeName;
                }
            },
            immediate: true
        }
    },
    created() {
        // this.getList();
    },
    methods: {
        handleClick() {

        },
    }
};
</script>
